<template>
  <div
    class="flex items-center justify-center h-32 px-16 cursor-pointer border-1 border-D3DFEB rounded-2 hover:border-3d82ea"
  >
    <i class="el-icon-loading text-3d82ea" v-if="loading"></i>
    <img
      v-else
      alt="icon_search_16"
      :src="require(`../assets/${icon}.svg`)"
      style="width: 16px; height: 16px"
    />
    <span class="ml-4 text-14 text-3d82ea">{{ label }}</span>
  </div>
</template>

<script>
export default {
  props: {
    label: {
      type: String,
      default: "",
    },
    icon: {
      type: String,
      default: "",
    },
    loading: {
      type: Boolean,
      default: false,
    },
  },
};
</script>
